<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery/jquery-3.6.0.js"></script>
    <!--    <script src="../jquery/jquery-3.6.0.js"></script>  ../表示跳出当前目录-->
</head>
<body>
<input type="text" id="username">
<br/>
<input type="text" id="password">
<br/>
<button>ajax提交</button>

</body>
<script>
    $ (function(){
        $ ("button").click(function (){
            let username = $("#username").val();
            let password = $("#password").val();
                $.ajax({
                    url:"/order/test02",           // 请求路径
                    type:"post",                  // 请求的方式，不区分大小写
                    cache:false,                  // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
                    data: {
                        username:username,
                        password:password
                    },
                    datatype:"json",        // 返回类型，text文本、html页面、json数据
                    success:function(response){
                        console.log("返回: " + response);
                        if(response.code === 200) {
                            alert("登录成功!");
                        }
                    },
                    error:function(response){
                        console.log("出错返回: " + response);
                    }
                });

            });

    });

</script>
</html>